<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>

<div data-role="page" id="menu-page">
	<div data-role="header" data-position="fixed">
		<h1>Menu</h1>
	</div>

	<div role="main" class="ui-content">
		<div class="ui-grid-a menu-block">
			<div class="ui-block-a">
				<a href="order.html" class="ui-btn ui-corner-all img-text-btn"
					data-transition="slide" data-ajax="false"> <img
					src="img/sales-order.png" /> <span>Sales Order</span>
				</a>
			</div>
			<!-- .ui-block-a -->

			<div class="ui-block-b">
				<a href="customers.html" class="ui-btn ui-corner-all img-text-btn"
					data-transition="slide" data-ajax="false"> <img
					src="img/customer.png" /> <span>Customers</span>
				</a>
			</div>
			<!-- .ui-block-b -->
		</div>
		<!-- .ui-grid-a -->

		<div class="ui-grid-a menu-block">
			<div class="ui-block-a">
				<a href="products.html" class="ui-btn ui-corner-all img-text-btn"
					data-transition="slide" data-ajax="false"> <img
					src="img/product.png" /> <span>Products</span>
				</a>
			</div>
			<!-- .ui-block-a -->

			<div class="ui-block-b">
				<a href="javascript:void(0);"
					class="ui-btn ui-corner-all img-text-btn" data-transition="slide"
					data-ajax="false"> <img src="img/sychronise.png" /> <span>Sychronise</span>
				</a>
			</div>
			<!-- .ui-block-b -->
		</div>
		<!-- .ui-grid-a -->

		<div id="logo" class="menu-block text-center">
			<img src="img/logo_2.png" />
		</div>
		<!-- #logo -->
	</div>
</div>